---
title: More Recipes | gluestack-ui
description: More Recipes
toc: false
---

import {
  GluestackUIProvider,
  HStack,
  Text,
  Pressable,
  Icon,
  AddIcon,
  Button,
  Box,
} from '@gluestack-ui/themed';
import { config } from '@gluestack-ui/config';
import { transformedCode } from '../../../utils';
import Wrapper from '../../../components/Wrapper';
import {
  AppProvider,
  CodePreview,
  Table,
  TableContainer,
  InlineCode,
} from '@gluestack/design-system';
import { Canvas, Meta, Story } from '@storybook/addon-docs';

<script async src="https://snack.expo.dev/embed.js"></script>

<Meta title="ui/Guides/Recipes/More Recipes" />

# More Recipes

Discover delightful recipes built using `@gluestack-ui/themed`.

<iframe
  src="https://snack.expo.dev/embedded/@gluestack/gluestack-ui-recipes?iframeId=ys7oq0vj3l&preview=true&platform=web&theme=dark"
  style={{ width: '70vw', height: '60vh', border: '0px' }}
/>

<br />
../../components1/Wrapper../../../utils../../../components/Wrapper